import { Icon, List, NavBar } from 'antd-mobile';
import React from 'react';
import { useHistory } from 'react-router-dom';

// import styles from './home.module.less';

// interface IHomeProps {}

/** eox首页 */
function HomeFC() {
  const history = useHistory();
  return (
    <div className="whole-height">
      <NavBar
        icon={<Icon type="left" />}
        onLeftClick={() => { history.goBack(); }}
      >
        世界树迷宫X
      </NavBar>
      <List style={{ margin: '5px 0', backgroundColor: 'white' }}>
        <List.Item
          arrow="horizontal"
          onClick={() => { history.push('/eox/professions'); }}
        >
          职业
        </List.Item>
        <List.Item
          arrow="horizontal"
          onClick={() => { history.push('/eox/maze'); }}
        >
          迷宫
        </List.Item>
      </List>
    </div>
  );
}

export default HomeFC;
